.todo-list {
    min-height: 100px;
    padding: 8px;
}

.todo-item {
    padding: 10px;
    margin: 8px 0;
    background-color: #f0f0f0;
    border-radius: 4px;
    transition: all 0.2s ease; // ✅ 关键：添加过渡效果
    cursor: grab;
}

.todo-item:active {
    cursor: grabbing;
}

.is-dragging {
    // ✅ 拖拽中的样式
    transform: rotate(2deg);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    opacity: 0.8;
}